@import "~@mr-hope/vuepress-shared/styles/font-awesome";
@import '//at.alicdn.com/t/c/font_1320506_x6qg3n2aln.css';
@import "./prefer-color-scheme-config.styl"

body
  font-family -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen, Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
  -webkit-font-smoothing antialiased
  font-size 16px

.fas, .fa
  font-family 'Font Awesome 5 Free' !important


.navbar {
  box-shadow: 0 2px 3px var(--card-shadow-color) !important;
}

.sidebar {
  width 17rem !important;
  a {
    white-space nowrap
  }
}

.content__default {
  //padding-top 0 !important
}

.content {
  font-size 30px
  color #4d0000
}

.home {
  .hero {
    margin-top: 50px
    height 50vh
    display flex
    flex-direction column

    .hero-info {
      text-align center
    }
  }
}

blockquote {
  font-size: 1rem
  color: #1C274B
  border-left: 0.3rem solid #3DB07B;
  border-top: 1px solid #dfe2e5;
  border-right: 1px solid #dfe2e5;
  border-bottom 1px solid #dfe2e5;
  padding: 14px;
}


.t-alien-center {
  text-align: center;
}


.theme-light {
  .theme-default-content {
    img {
      box-shadow: 0 0 5px var(--card-shadow-color) !important;
    }
    code {
      font-size 15px
    }
  }

}

.theme-dark {
  .theme-default-content {
    img {
      box-shadow: 0 0 5px #eee !important;
    }
    blockquote {
      color white
    }
    code {
      font-size 15px
    }
  }

}

.sidebar-heading
  align-items: center;

.md-flowchart
  overflow-x: auto !important;

.text-bold
  font-weight bold

.text-red
  color: $badgeErrorColor

.text-yellow
  color: $badgeWarningColor

.sidebar-links
  margin 0
  padding: 1rem 0;

.sidebar-group.is-sub-group > .sidebar-group-items > li > .sidebar-link
  font-size 1em !important

sup
  border-radius: 4px;
  padding: 2px 4px;
  vertical-align: top;
  font-size: 12px;
  font-weight bold;
  line-height: 10px;
  margin-left: 0;
  &.tip {
    background #42b983;
    color white;
  }
  &.info {
    background #909399
    color: white;
  }
  &.primary {
    background #409EFF
    color: white;
  }
  &.danger {
    background #da5961;
    color: white;
  }
  &.warning {
    background #E6A23C;
    color: white;
  }


ul.sidebar-links
  li {
    line-height 36px
  }


.sidebar-group.is-sub-group
  .title
    font-weight bold

.t-alien-center
  display: flex;
  flex-direction: column;
  align-items: center;

.tags-wrapper .tag
  border-radius: 0.5em !important;
  padding 2px 4px !important

table {
  width 100%
  th {
    background rgba(239, 240, 242, 1)
  }
  font-size 15px
  th, td {
    padding 8px 10px
  }
}

body.theme-dark table {
  th {
    background black
  }
}

h1
  font-size 2rem
h2
  font-size 1.65rem
h3
  font-size 1.35rem
h4
  font-size 1.25rem
h5
  font-size 1.1rem